﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Mạng xã hội mua bán siêu việt | ShoppingHere.com</title>
		<link rel="stylesheet" href="css/reset.css" type="text/css" />
		<link rel="stylesheet" href="css/common.css" type="text/css" />
		<link rel="stylesheet" href="css/home.css" type="text/css" />
		<script src="scripts/jquery-1.5.2.min.js"></script>
		<script src="scripts/common.js"></script>
		
		<style type="text/css">
			/* HOT PRODUCT */
			#product-group .content {
				text-align: center;
			}

			#product-group .content ul li {
				float: left;
				width: 125px;
				margin-top: 10px;
				margin-bottom: 10px;
			}

			#product-group .content ul li h5 {
				font-weight: bold;
			}

			#product-group .content ul li * {
				margin-bottom: 5px;
			}

			#product-group .content ul li a:hover {
				text-decoration: underline;
			}

			#product-group .content ul {
				overflow: hidden;
			}
			
			#product-group h5.quantity {
				font-weight: normal !important;
			}
			
			#product-group input.tb.buy {
				width: 40px;
				display: block;
				margin: auto;
				margin-bottom: 5px;
			}
		</style>
	</head>
	<body>
		<div id="page">
			<div id="subinfo">
				<div class="content">
					<table></tbody>
						<tr>
							<td class="phone">
								<p>Than phiền? Gọi 090-828-3489 (miễn cước)</p>
							</td>
							<td class="login">
								<ul>
									<li><a href="#">Nguyễn Việt Hùng</a> | </li>
									<li><a href="#">Giỏ hàng (14)</a> | </li>
									<li><a href="#">Thoát</a></li>
								</ul>
							</td>					
						</tr>
					</tbody></table>
				</div>
			</div>
			<div id="banner">
				<div class="content">
					<form>
						<label for="username">Tên đăng nhập:</label>
						<input id="username" class="tb" type="text" />
						<label for="password">Mật khẩu:</label>
						<input id="password" class="tb" type="password" />					
						<input id="remember" type="checkbox" />
						<label for="remember">Ghi nhớ đăng nhập</label>
						<input type="submit" class="btn" value="Đăng nhập" />
						<div id="close">đóng</div>
					</form>
				</div>
			</div>
			<div id="search">
				<div class="content">
					<form>
						<span>Tôi muốn tìm</span>
						<select>
							<option>sản phẩm</option>
							<option>gian hàng</option>
						</select>
						<span>có từ khóa là</span>
						<input class="tb" type="text" />
						<input class="btn" type="submit" value="Tìm kiếm">
						<span>hoặc</span>
						<a href="#">tìm nâng cao</a>
					</form>
				</div>
			</div>
			<div id="content">
				<div id="product-category" class="block layout-3col-col1">
					<div class="title"><h4>Phân loại</h4></div>
					<ul class="content">
						<li class="first"><a href="#">Thời trang</a></li>
						<li><a href="#">Điện thoại</a></li>
						<li><a href="#">Máy tính</a></li>
						<li><a href="#">Kỹ thuật số</a></li>
						<li><a href="#">Đồ điện</a></li>
						<li><a href="#">Gia đình</a></li>
						<li><a href="#">Xe máy</a></li>
						<li><a href="#">Nhà đất</a></li>
						<li class="last"><a href="#">Linh tinh</a></li>
					</ul>
				</div>
				<div id="product-group" class="block layout-3col-col2">
					<div class="title"><h4>Kỹ thuật số</h4></div>
					<div class="content">
						<ul>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />
								<input class="buy btn" type="button" value="Mua" />				
							</li>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>	
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />
								<input class="buy btn" type="button" value="Mua" />				
							</li>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />		
								<input class="buy btn" type="button" value="Mua" />				
							</li>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />
								<input class="buy btn" type="button" value="Mua" />				
							</li>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />
								<input class="buy btn" type="button" value="Mua" />				
							</li>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />								
								<input class="buy btn" type="button" value="Mua" />				
							</li>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>	
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />
								<input class="buy btn" type="button" value="Mua" />				
							</li>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>	
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />
								<input class="buy btn" type="button" value="Mua" />				
							</li>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>	
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />
								<input class="buy btn" type="button" value="Mua" />				
							</li>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>	
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />
								<input class="buy btn" type="button" value="Mua" />				
							</li>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />
								<input class="buy btn" type="button" value="Mua" />				
							</li>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />
								<input class="buy btn" type="button" value="Mua" />				
							</li>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />
								<input class="buy btn" type="button" value="Mua" />				
							</li>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />
								<input class="buy btn" type="button" value="Mua" />				
							</li>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />
								<input class="buy btn" type="button" value="Mua" />				
							</li>
							<li>
								<img src="temp/product.jpg" />
								<h5><a href="#">Áo thun</a></h5>
								<h5>150$/cái</h5>
								<h6><a href="#">Cu Tèo's Shop</a></h6>
								<h6>Còn: 10 cái</h6>
								<h5 class="quantity">Số lượng mua</h5>								
								<input class="buy tb" type="text" />
								<input class="buy btn" type="button" value="Mua" />				
							</li>
						</ul>
					</div>
				</div>
				<div id="hot-product" class="block layout-3col-col3">
					<div class="title"><h4>Sản phẩm hot</h4></div>
					<div class="content">
						<ul>
							<li class="first">
								<img src="temp/product.jpg" />
								<div class="info">
									<h4><a href="#">Áo thun</a></h4>
									<h4>$150/cái</h4>
									<h5><a href="#">Cu Tèo's Shop</a></h5>
									<h6><a href="#">vnhung2012</a></h6>								
									<label></label>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam hendrerit leo non erat dignissim id tincidunt nulla tempor. Etiam sit amet nulla tellus, eget aliquam sem. Maecenas facilisis ligula a turpis suscipit eu eleifend sapien imperdiet. Ut odio turpis, auctor a auctor et, viverra at tellus. Donec vitae ligula sem, a iaculis nisl. Vestibulum hendrerit pharetra eleifend. Duis dapibus, est ac semper scelerisque.</p>
								</div>								
							</li>
							<li>
								<img src="temp/product2.jpg" />
								<div class="info">
									<h4><a href="#">Máy ảnh Canon</a></h4>
									<h4>$1000/cái</h4>
									<h5><a href="#">Cu Tèo's Shop</a></h5>
									<h6><a href="#">vnhung2012</a></h6>								
									<label></label>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam hendrerit leo non erat dignissim id tincidunt nulla tempor. Etiam sit amet nulla tellus, eget aliquam sem. Maecenas facilisis ligula a turpis suscipit eu eleifend sapien imperdiet. Ut odio turpis, auctor a auctor et, viverra at tellus. Donec vitae ligula sem, a iaculis nisl. Vestibulum hendrerit pharetra eleifend. Duis dapibus, est ac semper scelerisque.</p>
								</div>								
							</li>
							<li>
								<img src="temp/product3.jpg" />
								<div class="info">
									<h4><a href="#">Môtô Harley Davidson</a></h4>
									<h4>$20,000/cái</h4>
									<h5><a href="#">Cu Tèo's Shop</a></h5>
									<h6><a href="#">vnhung2012</a></h6>								
									<label></label>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam hendrerit leo non erat dignissim id tincidunt nulla tempor. Etiam sit amet nulla tellus, eget aliquam sem. Maecenas facilisis ligula a turpis suscipit eu eleifend sapien imperdiet. Ut odio turpis, auctor a auctor et, viverra at tellus. Donec vitae ligula sem, a iaculis nisl. Vestibulum hendrerit pharetra eleifend. Duis dapibus, est ac semper scelerisque.</p>
								</div>								
							</li>
							<li class="last">
								<img src="temp/product4.jpg" />
								<div class="info">
									<h4><a href="#">Ford GPW 1945</a></h4>
									<h4>$15,000/cái</h4>
									<h5><a href="#">Cu Tèo's Shop</a></h5>
									<h6><a href="#">vnhung2012</a></h6>								
									<label></label>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam hendrerit leo non erat dignissim id tincidunt nulla tempor. Etiam sit amet nulla tellus, eget aliquam sem. Maecenas facilisis ligula a turpis suscipit eu eleifend sapien imperdiet. Ut odio turpis, auctor a auctor et, viverra at tellus. Donec vitae ligula sem, a iaculis nisl. Vestibulum hendrerit pharetra eleifend. Duis dapibus, est ac semper scelerisque.</p>
								</div>								
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div id="footer">
				<p>&copy; 2011 - Nhóm Ứng Dụng Phân Tán 1 - ĐHKHTN. All rights reserved.</p>
			</div>
		</div>
	</body>
</html>